/* ----------------------------------------------
Caloris: Administration Homepage

$Id: style.css 35 2012-08-15 10:44:41Z peekay2005@gmail.com $
$Author: peekay2005@gmail.com $

External style for administration
---------------------------------------------- */

body {padding: 60px 0 0 0;}
form {margin: 0;}
h1, h2 {margin-bottom: 20px;}
h2 {margin-top: 20px;}

.ac_results {padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999;}
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden;}
.ac_loading {background: white url('../../../cal-templates/caloris-admin/indicator.gif') right center no-repeat;}
.ac_odd     {background-color: #eee;}
.ac_over    {background-color: #0A246A; color: white;}

.perex      {margin: 0 0 10px 0;}

.paging     {color: #A2A4B3; display: block; float: left; border: 1px solid #A2A4B3; text-align: center; padding: 0.2em 0.25em; margin: 0 1px 10px 0;}
.paging a   {text-decoration: none; color: #A2A4B3;}
.paging:hover,.paging a:hover {color: #fff; background-color: #A2A4B3;}

ul.ttnav    {margin: 0; overflow: hidden;}
.ttnav li   {padding: 3px 8px; display: block; float: left; height: 22px;}

/* CLEditor: Wysiwyg editor */

.cleditorMain {border: 1px solid #999; padding: 0 1px 1px; background-color: white;}
.cleditorMain iframe {border: none; margin: 0; padding: 0;}
.cleditorMain textarea {border: none; margin: 0; padding: 0; overflow-y:scroll; font:10pt Arial,Verdana; /*resize:none;*/ outline:none; /* webkit grip focus */}
.cleditorToolbar {background: url('../../../cal-templates/caloris-admin/images/toolbar.gif') repeat;}
.cleditorGroup {float: left; height: 26px;}
.cleditorButton {float: left; width: 24px; height: 24px; margin: 1px 0 1px 0; background: url('../../../cal-templates/caloris-admin/images/buttons.gif');}
.cleditorDisabled {opacity: 0.3; /*filter: alpha(opacity=30)*/}
.cleditorDivider {float: left; width: 1px; height: 23px; margin: 1px 0 1px 0; background: #CCC;}

.cleditorPopup {border: 1px solid #999; background-color: white; position: absolute; font: 10pt Arial,Verdana; cursor: default; z-index: 10000;}
.cleditorList div {padding: 2px 4px 2px 4px;}
.cleditorList p, .cleditorList h1, .cleditorList h2, .cleditorList h3, .cleditorList h4, .cleditorList h5, .cleditorList h6, .cleditorList font {padding: 0; margin: 0; background-color: transparent;}
.cleditorColor {width: 150px; padding: 1px 0 0 1px;}
.cleditorColor div {float:left; width: 14px; height: 14px; margin: 0 1px 1px 0;}
.cleditorPrompt {background-color: #F6F7F9; padding: 4px; font-size: 8.5pt;}
.cleditorPrompt input, .cleditorPrompt textarea {font: 8.5pt Arial, Verdana;}

.cleditorMsg {background-color: #FDFCEE; width: 150px; padding: 4px; font-size: 8.5pt;}

.clearl     {clear: left;}
.clearb     {clear: both;}

.module     {height: 80px; background-color: #eee; margin: 0 5px 5px 0; padding: 5px;}
.module:hover, .module:hover a, .module:hover p {background-color: #18a5cc; color: white;}
.moduleIcon {float: left; width: 50px; padding: 10px 0 0 0; text-align: center;}
.moduleText {float: left; width: 250px; padding: 5px 10px;}
.moduleHeading {font-size: 1.35em;}
.moduleDescription {font-size: 0.90em; color: #455; margin-top: 5px;}

#logo       {font-size: 28px; font-family: Cumbria, monospace; font-weight: bold; color: #0A246A; padding: 15px 0 10px 25px;}

.atnav      {margin: 0; padding: 0;}
.atnav li   {text-align: center; margin: 0; padding: 51px 0 0 0; width: 130px; height: 50px; list-style-type: none; float: left; background-image: url('../../../cal-templates/caloris-admin/images/mnu-pages.png'); background-repeat: no-repeat; background-position: center top;}
.atnav li a {margin: 0; padding: 55px 0 0 0;}

#subNav     {text-align: right; background-color: #eeeeee; padding: 5px 15px; margin-bottom: 10px; height: 20px; font-size: 1.08em;}
#subNav a   {color: black;}

.loginForm {
    border: 1px solid #ccc;
    width: 270px;
    padding: 20px;
    background: rgb(252,255,244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

dl.loginForm {
    margin: 0 auto 0 auto;
}

.loginForm dt {
    padding: 5px;
}

.loginForm input[type=text], .loginForm input[type=password] {
    width: 200px;
}

.loginH1 {
    margin: 50px 0 20px 0;
    text-align: center;
    font-family: Consolas, monospace;
}